<template>
  <div v-show="dialogValue" class="add-page f-c">
    <BackPage title="中介服务领域比选项目信息详情" show-back @back="onPageBack" />
    <div class="add-form-box f-g">
      <el-form label-position="top" class="user-add-form" inline disabled>
        <el-form-item label="项目代码">
          <el-input clearable v-model="ruleForm.projectId" />
        </el-form-item>
        <el-form-item label="项目登记号">
          <el-input clearable v-model="ruleForm.projectNo" />
        </el-form-item>
        <el-form-item label="项目名称">
          <el-input clearable v-model="ruleForm.projectName" />
        </el-form-item>
        <el-form-item label="项目业主">
          <el-input clearable v-model="ruleForm.applicatName" />
        </el-form-item>
        <el-form-item label="业主联系人">
          <el-input clearable v-model="ruleForm.applicatLinkman" />
        </el-form-item>
        <el-form-item label="业主联系电话">
          <el-input clearable v-model="ruleForm.applicatPhone" />
        </el-form-item>

        <el-form-item label="项目地址" style="width: 100%">
          <el-input clearable v-model="ruleForm.address" />
        </el-form-item>
        <el-form-item style="width: 0" />

        <el-form-item label="总投资(万元)">
          <el-input clearable v-model="ruleForm.totalInvest" />
        </el-form-item>
        <el-form-item label="项目情况">
          <el-input clearable v-model="ruleForm.projectContent" />
        </el-form-item>
        <el-form-item label="项目周期">
          <el-input clearable v-model="ruleForm.projectLimitTime" />
        </el-form-item>
        <el-form-item label="地区" style="width: 100%">
          <el-input clearable v-model="ruleForm.projectBuildArea" />
        </el-form-item>
        <el-form-item label="服务事项">
          <el-input clearable v-model="ruleForm.serviceName" />
        </el-form-item>
        <el-form-item label="服务事项金额">
          <el-input clearable v-model="ruleForm.servicePrice" />
        </el-form-item>
        <el-form-item label="承建公司">
          <el-input clearable v-model="ruleForm.agentCompanyName" />
        </el-form-item>
        <el-form-item label="要求">
          <el-input clearable v-model="ruleForm.qualityreQuired" />
        </el-form-item>

        <el-form-item label="分区日期">
          <el-input clearable v-model="ruleForm.dt" />
        </el-form-item>

        <el-form-item label="备注" style="width: 100%">
          <el-input :rows="5" clearable v-model="ruleForm.remark" type="textarea"/>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'User1Add',
  data() {
    return {
      dialogValue: false,
      ruleForm: {
      },
      options1: [],
      options2: []
    }
  },
  methods: {
    open(item) {
      this.ruleForm = {
        ...item
      }
      this.dialogValue = true
    },
    onPageBack() {
      this.dialogValue = false
    }
  }
}
</script>

<style scoped lang="scss">
.add-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #F6F6F6;
}
.add-form-box {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(185, 185, 185, .3);
  border-radius: 16px;
  padding: 60px;
  ::v-deep .el-form {
    .el-form-item {
      width: calc((100% - 64px) / 2);
      margin-right: 0;
    }
    .el-form-item:nth-child(odd) {
      margin-right: 64px;
    }
    .el-select {
      width: 100%;
    }
  }
}
</style>
